﻿@using MPic.Common
@{
    Layout = null;
}
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - MPic图床体验版</title>
    <meta name="copyright" content="mpic.lzhaofu.cn" />
    <meta name="description" content="免费图床,MPic,MPic图床,七牛云图床,全球CDN加速,支持外链、不限流量，支持粘贴上传、拖放上传，一键复制 markdown 链接的图床，简单好用尽在MPic" />
    <meta name="keywords" content=",MPic,MPic图床,七牛云图床 免费图床 图床网站 免费外链 不限流量 永久图床 不限空间 图片空间" />
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.3.8/lib/theme-chalk/index.css">
    <link href="~/Content/style.css?2018052023" rel="stylesheet" />
    @RenderSection("styles", required: false)
</head>
<body style="margin:0">
    <el-container id="app">
        <el-header>
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @@select="handleSelect" background-color="#545c64"
                     text-color="#fff" active-text-color="#ffd04b">
                <el-menu-item index="0" style="width:180px;">
                    <div style="height:100%;width:48px;margin-right:0;"><img style="width:36px;height:36px;margin-right:10px;" src="~/Content/images/logo.png?2334" />MPic图床系统</div>
                </el-menu-item>
                <el-menu-item index="1">首页</el-menu-item>
                <el-menu-item index="2">我的相册</el-menu-item>
                @*<el-menu-item index="3">套餐服务</el-menu-item>*@
                <el-menu-item index="4">客户端下载</el-menu-item>
                @if (User.Identity.IsAuthenticated)
                {
                    var user = new CurrentUser();
                <el-menu-item index="7" style="float:right;">
                    <i class="el-icon-setting"></i>设置
                </el-menu-item>
                <el-menu-item index="8" style="float:right">
                    <el-dropdown trigger="click" @@command="handleSelect">
                        <span style="color:#ffffff">
                            @User.Identity.Name
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item command="8-1">我的账号</el-dropdown-item>
                            <el-dropdown-item command="8-2">退出</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </el-menu-item>
                <el-menu-item index="9" style="float:right;">
                    <el-dropdown trigger="click" @@command="handleSelect">
                        <span style="color:#ffffff">
                            {{defaultalbum}}
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item command="album.AlbumId" v-for="album in dropalbums" :key="album.AlbumId">{{album.AlbumName}}</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </el-menu-item>
                }
                else
                {
                <el-menu-item index="5" style="float:right">登录</el-menu-item>
                <el-menu-item index="6" style="float:right">注册</el-menu-item>
                }
            </el-menu>
        </el-header>
        <el-main>
            @RenderBody()
        </el-main>
    </el-container>
    <!-- import Vue before Element -->
    <script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
    <!-- 引入组件库 -->
    <script src="~/Scripts/element-ui.js"></script>
    @*<script src="https://unpkg.com/element-ui@2.3.8/lib/index.js"></script>*@
    <!-- 引入Axios组件库 -->
    <script src="https://unpkg.com/axios@0.18.0/dist/axios.min.js"></script>
    <!-- 引入Jquery组件库-->
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    @*引入公共方法*@
    <script src="~/Scripts/common.js?20180520232341344355342"></script>
    @RenderSection("scripts", required: false)
</body>
</html>
